@charset "utf-8";
*{margin:0px; padding:0px;}
html{font-size:62.5%; width:100%; height:100%;}
body{width: 100%;height: 100%; font-family:"微软雅黑"; background:#f8f8f8; color:#333;}
a{text-decoration:none;}
ul,li{list-style:none;}


.bg{ width:100%; height:100%; float:left; background:url(../images_action/pic_bg.png) no-repeat; background-size:100% 100%;}
@media screen and (max-width: 330px){
.title{ width:176px; height:93px; margin:40px auto 0;}
.title img{ width:100%; height:100%;}
.icon{ width:180px; height:180px; margin:10px auto 0; background:url(../images_action/icon_03.gif) no-repeat; background-size:100% 100%;}
.icon_a{ width:100%; height:100%; display:none; background:url(../images_action/icon_01.png) no-repeat; background-size:100% 100%;}
.text_01, .text_02, .text_03{ width:100%; font-size:1.4rem; color:#fff; text-align:center; line-height:36px;}
.text_02{ font-size:2rem; color:#eae134;}
.text_03 span{ color:#eae134; font-weight:bold; font-size:1.8rem;}
}

@media screen and (max-height: 490px){
.title{ width:176px; height:93px; margin:40px auto 0;}
.title img{ width:100%; height:100%;}
.icon{ width:180px; height:180px; margin:10px auto 0; background:url(../images_action/icon_03.gif) no-repeat; background-size:100% 100%;}
.icon_a{ width:100%; height:100%; display:none; background:url(../images_action/icon_01.png) no-repeat; background-size:100% 100%;}
.text_01, .text_02, .text_03{ width:100%; font-size:1.4rem; color:#fff; text-align:center; line-height:36px;}
.text_02{ font-size:2rem; color:#eae134;}
.text_03 span{ color:#eae134; font-weight:bold; font-size:1.8rem;}
}

@media screen and (min-height: 490px){
.title{ width:176px; height:93px; margin:40px auto 0;}
.title img{ width:100%; height:100%;}
.icon{ width:180px; height:180px; margin:20px auto 10px; background:url(../images_action/icon_03.gif) no-repeat; background-size:100% 100%;}
.icon_a{ width:100%; height:100%; display:none; background:url(../images_action/icon_01.png) no-repeat; background-size:100% 100%;}
.text_01, .text_02, .text_03{ width:100%; font-size:1.4rem; color:#fff; text-align:center; line-height:36px;}
.text_02{ font-size:2rem; color:#eae134;}
.text_03 span{ color:#eae134; font-weight:bold; font-size:1.8rem;}
}

@media screen and (min-width: 331px) and (max-width:376px){
.title{ width:218px; height:115px; margin:55px auto 0;}
.title img{ width:100%; height:100%;}
.icon{ width:220px; height:220px; margin:30px auto 20px; background:url(../images_action/icon_03.gif) no-repeat; background-size:100% 100%;}
.icon_a{ width:100%; height:100%; display:none; background:url(../images_action/icon_01.png) no-repeat; background-size:100% 100%;}
.text_01, .text_02, .text_03{ width:100%; font-size:1.8rem; color:#fff; text-align:center; line-height:36px;}
.text_02{ font-size:2.4rem; color:#eae134;}
.text_03 span{ color:#eae134; font-weight:bold; font-size:2.2rem;}
}

@media screen and (min-width: 377px) and (max-width:580px){
.title{ width:218px; height:115px; margin:55px auto 0;}
.title img{ width:100%; height:100%;}
.icon{ width:220px; height:220px; margin:30px auto 20px; background:url(../images_action/icon_03.gif) no-repeat; background-size:100% 100%;}
.icon_a{ width:100%; height:100%; display:none; background:url(../images_action/icon_01.png) no-repeat; background-size:100% 100%;}
.text_01, .text_02, .text_03{ width:100%; font-size:1.8rem; color:#fff; text-align:center; line-height:36px;}
.text_02{ font-size:2.4rem; color:#eae134;}
.text_03 span{ color:#eae134; font-weight:bold; font-size:2.2rem;}
}
